<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles"%>
<%@ taglib prefix="c" uri="jstl"%>
<jsp:include page="Templates/metas.jsp"/>
    <body>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->
		<jsp:include page="Templates/header.jsp"/>
       
        <section id="container">
        	
        	<div id="cont_anythingSlider">
        		<ul id="slider_int">					
					<c:forEach items="${Slides}" var="sld">
        				<li>
        					<div class="cont_sobreRed" style="background: url(${UrlFtpServer}${sld.archivo});">
	        					<div class="cont_txtLeft">
									<p><!--  url: ${UrlFtpServer}  -->
									${sld.text}
									</p>
									<div class="cont_button"><a href="registro.do" onclick="_gaq.push(['_trackEvent', 'registro', 'click', 'intencion']);"><img alt="btn_registrate2" src="img/btn_registrate2.png"></a></div>
								</div>
							</div>
						</li>        				
        			</c:forEach>
				</ul>
        	</div><!-- /cont_anythingSlider -->
        	
        	<h1 class="title txt_center txt_blue">&iquest;Porqu&eacute; usar nuestros servicios?</h1>
        	<ul id="teasers_int">
        		<c:forEach items="${Teaser}" var="tea">
        				<li style="margin: 0 7px 0 0;">
        					<img alt="Teaser" src="${UrlFtpServer}${tea.archivo}">
		        			<p class="txt_center">
		        				${tea.text}
		        			</p>
						</li>        				
        		</c:forEach>
        	</ul>
        	<div class="txt_center">
        		<a href="tutorial.do"><img alt="btn_comoFunciona" src="img/btn_comoFunciona.png"></a> &ensp;
        		<a href="tarifas.do"><img alt="btn_verTarifas" src="img/btn_verTarifas.png"></a>
        	</div>
        	<br>
        	<div id="marcas_respaldo">
        		<h3 class="txt_blue"><span class="txt_red">REDPOST</span> es un servicio respaldado por:</h3>
        		<ul>
        			<li><a href="#" class="VS"></a></li>
        			<li><a href="http://www.redpack.com.mx/" target="_BLANK" class="RedPack"></a></li>
        			<!-- <li><a href="#" class="Amipci"></a></li> -->
        		</ul>
        	</div>
        	<!-- icono de chat -->
			<span id="node_chat_njsd" class="ico_chat"></span>
			<!-- / icono de chat -->
        </section>

<jsp:include page="Templates/footer.jsp"/>
			<script type="text/javascript">
				$(document).ready(function(){
					
				});
        	</script>